<template>
  <div class="time-selected">
    <div class='line'></div>
    <div class="context">{{time}}</div>
    <div class="line"></div>
  </div>
</template>

<script>
export default {
  props: {
    time: {
      type: String,
      default: '今天'
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~@/assets/styles/variables.styl'
  .time-selected 
    height 24px
    line-height 24px
    text-align center
    color $color-sub-grey
    display flex 
    align-items center
    justify-content space-between
    margin-bottom 5px
    .line 
      height 1px 
      flex 1
      border-top 1px dashed #cccdd0
    .context 
      margin 0 10px
</style>